<template>
  <div id="app">
    <transition name="slide-right">
      <keep-alive exclude="ConOrder,PayMode,MessageList,EmailDesc,Appeal">
        <router-view class="child-view"></router-view>
      </keep-alive>
    </transition>   
  </div>
</template>

<script>
import jsonp from "jsonp";
export default {
  name: 'app',
}
</script>
<style lang="less" scoped>
html,body,#app{
  height: 100%;
  width: 100%;
}
// .child-view {
//   position: absolute;
//   width:100%;
//   transition: all .8s cubic-bezier(.55,0,.1,1);
// }
// .slide-left-enter, .slide-right-leave-active {
//   opacity: 0;
//   -webkit-transform: translate(0.5rem, 0);
//   transform: translate(0.5rem, 0);
// }
// .slide-left-leave-active, .slide-right-enter {
//   opacity: 0;
//   -webkit-transform: translate(-0.5rem, 0);
//   transform: translate(-0.5rem, 0);
// }
</style>